import type { FC } from 'react';
import React from 'react';

import HOCELement from '../components/RefHoc';
import UserElement from '../components/User';

const EnhanceUser = HOCELement(UserElement);

class OperateRefs extends React.Component<any, any> {
  render() {
    return <EnhanceUser name="小明" age={12} />;
  }
}

const Home: FC = () => {
  return (
    <div>
      <h1>Hoc:</h1>
      <OperateRefs />
    </div>
  );
};

export default Home;
